import React from 'react';
import {
    Button,
    View,
} from 'react-native';

// 本页面通过调用父页面(PageDefault.js)的navigation实现跳转
export default class PageListDemo extends React.Component {
    render() {
        const { navigate } = this.props.navigation;
        return (
            <View>
                <View style={{height: 15, backgroundColor: 'white', opacity: 0.5}}/>
                <Button
                    title="Listview(普通列表,已废弃)"
                    onPress={() => navigate('Listview')}/>

                <View style={{height: 15, backgroundColor: 'white', opacity: 0.5}}/>
                <Button
                    title="FlatList(上拉下拉列表)"
                    onPress={() => navigate('FlatList')}/>

                <View style={{height: 15, backgroundColor: 'white', opacity: 0.5}}/>
                <Button
                    title="SelectionList(分组列表)"
                    onPress={() => navigate('SelectionList')}/>

                <View style={{height: 15, backgroundColor: 'white', opacity: 0.5}}/>
                <Button
                    title="SwipListView(左右滑)"
                    onPress={() => navigate('SwipListView')}/>
            </View>
        );
    }
}


